function onload(idCanvas) {

	var TxtFont1 = 'bold 17px  "ＭＳ Ｐ明朝", "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var TxtFont2 = 'bold 40px  "ＭＳ Ｐ明朝", "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var TxtFont3 = 'bold 24px  "ＭＳ Ｐ明朝", "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var TxtFont4 = 'bold 32px  "ＭＳ Ｐ明朝", "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var FadeSw0 = 0;
	var FadeSw1 = 0;
	var FadeSw2 = 0;
	var FadeSw3 = 0;
	var FadeSw4 = 0;
	var FadeSw5 = 0;
	var FadeSw6 = 0;
	var FadeSw7 = 0;
	var TxtEND = 0;

	jc.start(idCanvas, true);

	// 指示アイコンの描画
	var img00 = new Image();
	img00.src = '/static/image/finger.png';
	img00.onload = function() {
		jc.image(img00, 240, 360).id("FG");
		jc('#FG').visible(false);
	}

	// ＯＰイメージの描画
	var img01 = new Image();
	img01.src = '/static/image/img_op01.jpg';
	img01.onload = function() {
		jc.image(img01, 20, 135).opacity(0).id("OP_Img01").layer('OP_L_1');
		// ラベルの描画
		putLabelWhite('今から数百年ほど昔の物語…', 20, 40, 1, 'OP_L_11', 'left');
		putLabelWhite('物語の舞台となる世界では', 20, 80, 2, 'OP_L_11', 'left');
		putLabelWhite('漢字からふしぎな力を解放する', 20, 100, 3, 'OP_L_11', 'left');
		putLabelWhite('技術が発明されていました。', 20, 120, 4, 'OP_L_11', 'left');
		putLabelWhite('その力は山を動かし、', 20, 300, 5, 'OP_L_12', 'left');
		putLabelWhite('海を引き裂くほどの力を', 20, 320, 6, 'OP_L_12', 'left');
		putLabelWhite('生み出すものであったといいます。', 20, 340, 7, 'OP_L_12', 'left');
		jc.layer('OP_L_1').objects().visible(false);
		jc.layer('OP_L_11').objects().visible(false);
		jc.layer('OP_L_12').objects().visible(false);
	}

	// ＯＰイメージの描画
	var img02 = new Image();
	img02.src = '/static/image/img_op02.jpg';
	img02.onload = function() {
		jc.image(img02, 20, 135).opacity(0).id("OP_Img02").layer('OP_L_2');
		putLabelWhite('あるとき、、、', 20, 40, 1, 'OP_L_21', 'left');
		putLabelWhite('そんな漢字の力に目を付け', 20, 80, 2, 'OP_L_21', 'left');
		putLabelWhite('漢字の力を悪用する人々が', 20, 100, 3, 'OP_L_21', 'left');
		putLabelWhite('現れました。', 20, 120, 4, 'OP_L_21', 'left');
		putLabelWhite('世界中で戦いの日々が続き', 20, 300, 5, 'OP_L_22', 'left');
		putLabelWhite('人々は恐怖し', 20, 320, 6, 'OP_L_22', 'left');
		putLabelWhite('希望を失っていきました。', 20, 340, 7, 'OP_L_22', 'left');
		jc.layer('OP_L_2').objects().visible(false);
		jc.layer('OP_L_21').objects().visible(false);
		jc.layer('OP_L_22').objects().visible(false);
	}

	// ＯＰイメージの描画
	var img03 = new Image();
	img03.src = '/static/image/img_op03.jpg';
	img03.onload = function() {
		jc.image(img03, 20, 135).opacity(0).id("OP_Img03").layer('OP_L_3');
		putLabelWhite('しかし、奇跡は起きました！', 20, 40, 1, 'OP_L_31', 'left');
		putLabelWhite('新しい漢字を研究していた', 20, 60, 2, 'OP_L_31', 'left');
		putLabelWhite('漢字学者「ハンツ博士」が', 20, 80, 3, 'OP_L_31', 'left');
		putLabelWhite('悪用されている漢字を封印する', 20, 100, 4, 'OP_L_31', 'left');
		putLabelWhite('方法を見つけたのです。', 20, 120, 5, 'OP_L_31', 'left');
		putLabelWhite('博士は世界中の強力な漢字を', 20, 300, 6, 'OP_L_32', 'left');
		putLabelWhite('封印してまわり、世の中には', 20, 320, 7, 'OP_L_32', 'left');
		putLabelWhite('力の弱い漢字だけが残ったことで', 20, 340, 8, 'OP_L_32', 'left');
		putLabelWhite('ついに世界に平和が訪れました。', 20, 360, 9, 'OP_L_32', 'left');
		jc.layer('OP_L_3').objects().visible(false);
		jc.layer('OP_L_31').objects().visible(false);
		jc.layer('OP_L_32').objects().visible(false);
	}

	// ＯＰイメージの描画
	var img04 = new Image();
	img04.src = '/static/image/img_op04.jpg';
	img04.onload = function() {
		jc.image(img04, 20, 135).opacity(0).id("OP_Img04").layer('OP_L_4');
		putLabelWhite('そして、ハンツ博士は', 20, 40, 1, 'OP_L_41', 'left');
		putLabelWhite('残された力の弱い漢字が', 20, 60, 2, 'OP_L_41', 'left');
		putLabelWhite('ふたたび悪用されないように', 20, 80, 3, 'OP_L_41', 'left');
		putLabelWhite('『漢字戦略』というゲームを考え', 20, 100, 4, 'OP_L_41', 'left');
		putLabelWhite('世界に広めていきました。', 20, 120, 5, 'OP_L_41', 'left');
		putLabelWhite('『漢字戦略』のゲームをすることで', 20, 300, 6, 'OP_L_42', 'left');
		putLabelWhite('漢字の力が身近なものとなり、', 20, 320, 7, 'OP_L_42', 'left');
		putLabelWhite('誰も悪用するなど思わないように', 20, 340, 8, 'OP_L_42', 'left');
		putLabelWhite('と考えたのです。', 20, 360, 9, 'OP_L_42', 'left');
		jc.layer('OP_L_4').objects().visible(false);
		jc.layer('OP_L_41').objects().visible(false);
		jc.layer('OP_L_42').objects().visible(false);
	}

	// ＯＰイメージの描画
	var img05 = new Image();
	img05.src = '/static/image/img_op05.jpg';
	img05.onload = function() {
		jc.image(img05, 20, 135).opacity(0).id("OP_Img05").layer('OP_L_5');
		putLabelWhite('時は流れ、現代。', 20, 40, 1, 'OP_L_51', 'left');
		putLabelWhite('『漢字戦略』は誰もが知るゲーム', 20, 60, 2, 'OP_L_51', 'left');
		putLabelWhite('となり、特に学生を対象とした', 20, 80, 3, 'OP_L_51', 'left');
		putLabelWhite('『全国漢字戦略大会』は', 20, 100, 4, 'OP_L_51', 'left');
		putLabelWhite('一大イベントとなっていました。', 20, 120, 5, 'OP_L_51', 'left');
		putLabelWhite('さあ！', 20, 300, 6, 'OP_L_52', 'left');
		putLabelWhite('あなたも全国一位を目指して', 20, 320, 7, 'OP_L_52', 'left');
		putLabelWhite('『漢字戦略』の世界の扉を', 20, 340, 8, 'OP_L_52', 'left');
		putLabelWhite('開こうではありませんか！', 20, 360, 9, 'OP_L_52', 'left');
		jc.layer('OP_L_5').objects().visible(false);
		jc.layer('OP_L_51').objects().visible(false);
		jc.layer('OP_L_52').objects().visible(false);

		// ＯＰイメージの描画
		var img06 = new Image();
		img06.src = '/static/image/mdkbr/g_000OP.png';
		img06.onload = function() {
			jc.image(img06, 110, 240).rotate(-40).opacity(1).id('OP_Img06').layer('OP_L_6');
			jc.layer('OP_L_6').objects().visible(false);

			// ＯＰイメージの描画
			var img07 = new Image();
			img07.src = '/static/image/img_com01.png';
			img07.onload = function() {
				jc.image(img07, 20, 160).opacity(1).id('OP_Img07').layer('OP_L_7');

				jc.text('ちょっと！', 70, 280, 'rgb(0,0,0)').font(TxtFont4).id('OP_L_7_LB_1').layer('OP_L_7');

				jc.text('むずかしいこと', 70, 270, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_71_LB_2').layer('OP_L_71');
				jc.text('言って悩ませない！', 70, 290, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_71_LB_3').layer('OP_L_71');

				jc.text('やり方は', 80, 250, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_72_LB_4').layer('OP_L_72');
				jc.text('簡単だから', 80, 270, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_72_LB_5').layer('OP_L_72');
				jc.text('心配しないで', 80, 290, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_72_LB_6').layer('OP_L_72');
				jc.text('はじめましょう♪', 80, 310, 'rgb(0,0,0)').font(TxtFont1).id('OP_L_72_LB_7').layer('OP_L_72');

				jc.layer('OP_L_7').objects().visible(false);
				jc.layer('OP_L_71').objects().visible(false);
				jc.layer('OP_L_72').objects().visible(false);
				FadeSw1 = 1;
			}
		}
	}


	jc.text("ゲーム開始", 145, 420, 'rgb(255,255,255)').font(TxtFont2).align('center').opacity(0).id("label98").mouseover(function() {
		this.color('#ffff00');
	}).mouseout(function() {
		this.color('#ffffff');
	}).click(function() {
		document.location = '/mdkbr/login/?firstLogin=1';
	}).visible(false);

	// ラベルの描画
	jc.text("▽SKIP", 20, 400, 'rgb(255,255,255)').font(TxtFont3).opacity(0).id("label99").mouseover(function() {
		this.color('#ffff00');
	}).mouseout(function() {
		this.color('#ffffff');
	}).click(function() {
		document.location = '/mdkbr/login/?firstLogin=1';
	});

	jc.start(idCanvas, true);

	interval_1 = setInterval(function() {
		if (FadeSw1 == 1) {
			clearInterval(interval_1);
			FadeSw1 = 0;
			jc.layer('OP_L_1').objects().visible(true);
			jc.layer('OP_L_11').objects().visible(true);
			jc.layer('OP_L_12').objects().visible(true);
			jc.layer('OP_L_1').objects().fadeIn(1000, function() {
				jc.layer('OP_L_11').objects().fadeIn(4000, function() {
					jc.layer('OP_L_12').objects().fadeIn(4000, function() {
						// ラベルの描画
						jc.text("＞NEXT", 180, 400, 'rgb(255,255,255)').font(TxtFont3).id("OP_L_1_LB_N").layer('OP_L_1').mouseover(function() {
							this.color('#ffff00');
						}).mouseout(function() {
							this.color('#ffffff');
						}).click(function() {
							jc.layer('OP_L_1').objects().visible(false);
							jc.layer('OP_L_11').objects().visible(false);
							jc.layer('OP_L_12').objects().visible(false);
							FadeSw2 = 1;
						});
					});
				});
			});
		}
	}, 100);

	interval_2 = setInterval(function() {
		if (FadeSw2 == 1) {
			clearInterval(interval_2);
			FadeSw2 = 0;
			jc.layer('OP_L_2').objects().visible(true);
			jc.layer('OP_L_21').objects().visible(true);
			jc.layer('OP_L_22').objects().visible(true);
			jc.layer('OP_L_2').objects().fadeIn(1000, function() {
				jc.layer('OP_L_21').objects().fadeIn(4000, function() {
					jc.layer('OP_L_22').objects().fadeIn(4000, function() {
						// ラベルの描画
						jc.text("＞NEXT", 180, 400, 'rgb(255,255,255)').font(TxtFont3).id("OP_L_2_LB_N").layer('OP_L_2').mouseover(function() {
							this.color('#ffff00');
						}).mouseout(function() {
							this.color('#ffffff');
						}).click(function() {
							jc.layer('OP_L_2').objects().visible(false);
							jc.layer('OP_L_21').objects().visible(false);
							jc.layer('OP_L_22').objects().visible(false);
							FadeSw3 = 1;
						});
					});
				});
			});
		}
	}, 100);

	interval_3 = setInterval(function() {
		if (FadeSw3 == 1) {
			clearInterval(interval_3);
			FadeSw3 = 0;
			jc.layer('OP_L_3').objects().visible(true);
			jc.layer('OP_L_31').objects().visible(true);
			jc.layer('OP_L_32').objects().visible(true);
			jc.layer('OP_L_3').objects().fadeIn(1000, function() {
				jc.layer('OP_L_31').objects().fadeIn(4000, function() {
					jc.layer('OP_L_32').objects().fadeIn(4000, function() {
						// ラベルの描画
						jc.text("＞NEXT", 180, 400, 'rgb(255,255,255)').font(TxtFont3).id("OP_L_3_LB_N").layer('OP_L_3').mouseover(function() {
							this.color('#ffff00');
						}).mouseout(function() {
							this.color('#ffffff');
						}).click(function() {
							jc.layer('OP_L_3').objects().visible(false);
							jc.layer('OP_L_31').objects().visible(false);
							jc.layer('OP_L_32').objects().visible(false);
							FadeSw4 = 1;
						});
					});
				});
			});
		}
	}, 100);

	interval_4 = setInterval(function() {
		if (FadeSw4 == 1) {
			clearInterval(interval_4);
			FadeSw4 = 0;
			jc.layer('OP_L_4').objects().visible(true);
			jc.layer('OP_L_41').objects().visible(true);
			jc.layer('OP_L_42').objects().visible(true);
			jc.layer('OP_L_4').objects().fadeIn(1000, function() {
				jc.layer('OP_L_41').objects().fadeIn(4000, function() {
					jc.layer('OP_L_42').objects().fadeIn(4000, function() {
						// ラベルの描画
						jc.text("＞NEXT", 180, 400, 'rgb(255,255,255)').font(TxtFont3).id("OP_L_4_LB_N").layer('OP_L_4').mouseover(function() {
							this.color('#ffff00');
						}).mouseout(function() {
							this.color('#ffffff');
						}).click(function() {
							jc.layer('OP_L_4').objects().visible(false);
							jc.layer('OP_L_41').objects().visible(false);
							jc.layer('OP_L_42').objects().visible(false);
							FadeSw5 = 1;
						});
					});
				});
			});
		}
	}, 100);

	interval_5 = setInterval(function() {
		if (FadeSw5 == 1) {
			clearInterval(interval_5);
			FadeSw5 = 0;
			jc.layer('OP_L_5').objects().visible(true);
			jc.layer('OP_L_51').objects().visible(true);
			jc.layer('OP_L_52').objects().visible(true);
			jc.layer('OP_L_5').objects().fadeIn(1000, function() {
				jc.layer('OP_L_51').objects().fadeIn(4000, function() {
					jc.layer('OP_L_52').objects().fadeIn(4000, function() {
						setTimeout(function() {FadeSw6 = 1;}, 2000);
					});
				});
			});
		}
	}, 100);

	interval_6 = setInterval(function() {
		if (FadeSw6 == 1) {
			clearInterval(interval_6);
			FadeSw6 = 0;
			jc('#label99').visible(false);
			jc.layer('OP_L_6').objects().visible(true);
			jc('#OP_Img06').translate(-220,0,500,function() {
				jc.layer('OP_L_7').objects().visible(true);
				setTimeout(function() {
					jc('#OP_L_7_LB_1').visible(false);
					jc.layer('OP_L_71').objects().visible(true);
				}, 2000);
				setTimeout(function() {
					jc.layer('OP_L_71').objects().visible(false);
					jc.layer('OP_L_72').objects().visible(true);
				}, 5000);
				setTimeout(function() {
					TxtEND = 1;
				}, 7000);
			});
		}
	}, 100);

	interval_0 = setInterval(function() {
		if (TxtEND == 0) {
			if (FadeSw0 == 1) {
				jc('#label99').fadeOut(500);
				FadeSw0 = 0;
			} else {
				jc('#label99').fadeIn(500);
				FadeSw0 = 1;
			}
		} else {
			jc('#label99').fadeOut(100);
			clearInterval(interval_0);
			jc('#label98').visible(true);
			jc('#label98').fadeIn(200);
			jc('#FG').visible(true);
		}
	}, 1000);

}
function putLabelWhite(inTxt, x, y, idx, L, al) {
	jc.text(inTxt, x, y, 'rgb(255,255,255)').align(al).opacity(0).font('bold 17px  "ＭＳ Ｐ明朝", "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"').id(L + '_LB_' + idx).layer(L);
}